<%--
  Created by IntelliJ IDEA.
  User: hwen
  Date: 15/8/17
  Time: 15:24
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>

<!Doctype html>
<html>
<head>
  <meta charset="UTF-8">
  <!-- 强制国内垃圾浏览器开启高速模式-->
  <meta name="renderer" content="webkit">
  <title>人员信息</title>
  <link rel="stylesheet" type="text/css" href="/css/bootstrap.min.css" >
  <link rel="stylesheet" type="text/css" href="/css/ace.min.css" >
  <link rel="stylesheet" type="text/css" href="/css/font-awesome.min.css" >
  <link rel="stylesheet" type="text/css" href="/css/manager.css" >

  <script type="text/javascript" src="/js/jquery-2.1.1.min.js"></script>
  <script type="text/javascript" src="/js/bootstrap.min.js"></script>
  <script type="text/javascript" src="/js/ace.min.js"></script>
</head>

<body class="no-skin">
<!-- 导航栏 -->
<div id="navbar" class="navbar navbard-default">
  <script type="text/javascript">
    try{ace.settings.check('navbar','fixed')}catch(e){}
  </script>

  <div class="navbar-container" id="navbar=container">
    <!-- #section:basics/sidebar.mobile.toggle -->
    <button type="button" class="navbar-toggle menu-toggler pull-left" id="menu-toggler">
      <span class="sr-only">Toggle sidebar</span>
      <span class="icon-bar"></span>
      <span class="icon-bar"></span>
      <span class="icon-bar"></span>
    </button>

    <!-- /section:basics/sidebar.mobile.toggle -->
    <div class="navbar-header pull-left">
      <!-- #section:basics/navbar.layout.brand -->
      <a href="#" class="navbar-brand">
        <i class="fa fa-leaf"></i>
        <span id="title">人员信息管理</span>
      </a>
      <!-- #section:basics/navbar.layout.brand -->
    </div>
    <!-- /section:basics/sidebar.mobile.toggle -->
  </div><!-- /.navbar-container -->
</div>
<!-- 导航栏结束 -->

<!-- 主体部分 -->
<div class="main-container" id="main-container">
  <div id="sidebar" class="sidebar h-sidebar navbar-collapse collapse">
    <script type="text/javascript">
      try{ace.settings.check('sidebar','fixed')}catch(e){}
    </script>

    <ul class="nav nav-list" style="top:0px;">
      <li class="hover">
        <a href="people.html">
          <i class="menu-icon fa fa-user"></i>
          <span class="menu-text">人员管理</span>
        </a>

        <b class="arrow"></b>
      </li>

      <li class="hover hsub">
        <a href="#" class="dropdown-toggle">
          <i class="menu-icon fa fa-list"></i>
          <span class="menu-text">资产和物资管理</span>

          <b class="arrow fa fa-angle-down"></b>
        </a>

        <b class="arrow"></b>

        <ul class="submenu">
          <li class="hover">
            <a href="货物管理.html">
              <i class="menu-icon fa fa-caret-right"></i>
              货物信息
            </a>
            <b class="arrow"></b>
          </li>
          <li class="hover">
            <a href="物资信息.html">
              <i class="menu-icon fa fa-caret-right"></i>
              物资信息
            </a>
            <b class="arrow"></b>
          </li>
          <li class="hover">
            <a href="#">
              <i class="menu-icon fa fa-caret-right"></i>
              车辆信息
            </a>
            <b class="arrow"></b>
          </li>
          <li class="hover">
            <a href="#">
              <i class="menu-icon fa fa-caret-right"></i>
              建筑物信息
            </a>
            <b class="arrow"></b>
          </li>
          <li class="hover">
            <a href="#">
              <i class="menu-icon fa fa-caret-right"></i>
              机电设备信息
            </a>
            <b class="arrow"></b>
          </li>
          <li class="hover">
            <a href="#">
              <i class="menu-icon fa fa-caret-right"></i>
              办公耗材信息
            </a>
            <b class="arrow"></b>
          </li>
        </ul>
      </li>

      <li class="hover hsub">
        <a href="#" class="dropdown-toggle">
          <i class="menu-icon fa fa-truck"></i>
          <span class="menu-text">物流信息管理</span>

          <b class="arrow fa fa-angle-down"></b>
        </a>

        <b class="arrow"></b>

        <ul class="submenu">
          <li class="hover">
            <a href="承运商业务.html">
              <i class="menu-icon fa fa-caret-right"></i>
              承运商业务
            </a>
            <b class="arrow"></b>
          </li>
          <li class="hover">
            <a href="运输任务管理.html">
              <i class="menu-icon fa fa-caret-right"></i>
              运输任务管理
            </a>
            <b class="arrow"></b>
          </li>
          <li class="hover">
            <a href="地址信息.html">
              <i class="menu-icon fa fa-caret-right"></i>
              地址信息管理
            </a>
            <b class="arrow"></b>
          </li>
          <li class="hover">
            <a href="单车运营信息.html">
              <i class="menu-icon fa fa-caret-right"></i>
              单车运营记录
            </a>
            <b class="arrow"></b>
          </li>
          <li class="hover">
            <a href="铁路运输代办管理.html">
              <i class="menu-icon fa fa-caret-right"></i>
              铁路运输代办
            </a>
            <b class="arrow"></b>
          </li>
        </ul>
      </li>

      <li class="hover hsub">
        <a href="#" class="dropdown-toggle">
          <i class="menu-icon fa fa-globe"></i>
          <span class="menu-text">对外合作</span>
          <b class="arrow fa fa-angle-down"></b>
        </a>
        <b class="arrow"></b>

        <ul class="submenu">
          <li class="hover">
            <a href="#">
              <i class="menu-icon fa fa-caret-right"></i>
              公司简介
            </a>
            <b class="arrow"></b>
          </li>
          <li class="hover">
            <a href="#">
              <i class="menu-icon fa fa-caret-right"></i>
              信息交流平台
            </a>
            <b class="arrow"></b>
          </li>
          <li class="hover">
            <a href="#">
              <i class="menu-icon fa fa-caret-right"></i>
              销售和运输业务广告信息
            </a>
            <b class="arrow"></b>
          </li>
        </ul>
      </li>

      <li class="hover hsub">
        <a href="公司信息.html">
          <i class="menu-icon fa fa-building-o"></i>
          <span class="menu-text">公司信息</span>
        </a>

        <b class="arrow"></b>
      </li>

      <li class="hover hsub">
        <a href="#">
          <i class="menu-icon fa fa-rmb"></i>
          <span class="menu-text">财务信息</span>
        </a>
        <b class="arrow"></b>
        <ul class="submenu">
          <li class="hover">
            <a href="#">
              <i class="menu-icon fa fa-caret-right"></i>
              折旧信息
            </a>
            <b class="arrow"></b>
          </li>
          <li class="hover">
            <a href="#">
              <i class="menu-icon fa fa-caret-right"></i>
              物资购销
            </a>
            <b class="arrow"></b>
          </li>
          <li class="hover">
            <a href="#">
              <i class="menu-icon fa fa-caret-right"></i>
              车辆购销
            </a>
            <b class="arrow"></b>
          </li>
          <li class="hover">
            <a href="#">
              <i class="menu-icon fa fa-caret-right"></i>
              货物购销
            </a>
            <b class="arrow"></b>
          </li>
          <li class="hover">
            <a href="#">
              <i class="menu-icon fa fa-caret-right"></i>
              建筑物出租
            </a>
            <b class="arrow"></b>
          </li>
        </ul>
      </li>

      <li class="hover hsub">
        <a href="#">
          <i class="menu-icon fa fa-bar-chart-o"></i>
          <span class="menu-text">数据报表</span>
        </a>
        <b class="arrow"></b>
      </li>

      <li class="hover hsub">
        <a href="#">
          <i class="menu-icon fa fa-tag"></i>
          <span class="menu-text">关于</span>
          <b class="arrow fa fa-angle-down"></b>
        </a>
        <b class="arrow"></b>
      </li>
    </ul> <!-- nav-list -->

    <!-- #section:basics/sidebar.layout.minimize -->
    <div class="sidebar-toggle sidebar-collapse" id="sidebar-collapse">
      <i class="ace-icon fa fa-angle-double-left" data-icon1="ace-icon fa fa-angle-double-left" data-icon2="ace-icon fa fa-angle-double-right"></i>
    </div>
    <!-- /section:basics/sidebar.layout.minimize -->
    <script type="text/javascript">
      try{ace.settings.check('sidebar' , 'collapsed')}catch(e){}
    </script>

  </div> <!-- sidebar -->

  <div class="col-xs-12">
    <h3 class="header smaller lighter blue">人员基本信息</h3>
    <div class="table-header">查询结果按时间先后顺序排列</div>


    <div id="sample-table-2_wrapper" class="dataTables_wrapper form-inline" role="grid">
      <div class="row">
        <div class="col-xs-9">
          <div id="sample-table-2_length" class="dataTables_length">
            <label>显示
              <select size="1" name="sample-table-2_length" aria-controls="sample-table-2">
                <option value="10" selected="selected">10</option>
                <option value="25">25</option>
                <option value="50">50</option>
                <option value="100">100</option>
              </select>条记录
            </label>
          </div>
        </div>

        <div class="col-xs-3">
          <div class="dataTables_fitler" id="sample-table-2_filter">
            <label>
				<span class="fa-stack">
					<i class="fa fa-square fa-stack-2x"></i>
					<i class="fa fa-search fa-stack-1x fa-inverse"></i>
				</span>
              <input type="text" aria-controls="sample-table-2" style="height:28px;" placeholder="搜索">
            </label>
          </div>
        </div>
      </div> <!-- row -->

      <table id="sample-table-2" class="table table-striped table-bordered table-hover dataTable" aria-describedby="sample-table-2_info">
        <thead>
        <tr role="row">
          <th class="center sorting_disabled" role="columnheader" rowspan="1" colspan="1" aria-label="">
            <label class="position-relative">
              <input type="checkbox" class="ace">
              <span class="lbl"></span>
            </label>
          </th>

          <th class="sorting" role="columnheader" tabindex="0" aria-controls="sample-table-2" rowspan="1" colspan="1" aria-label="Domain:active to sort column ascending">
            人员编号
          </th>

          <th class="sorting" role="columnheader" tabindex="0" aria-controls="sample-table-2" rowspan="1" colspan="1" aria-label="Update: activate to sort column ascending">
            地域编号
          </th>

          <th class="sorting" role="columnheader" tabindex="0" aria-controls="sample-table-2" rowspan="1" colspan="1" aria-label="Update: activate to sort column ascending">
            开户行编号
          </th>

          <th class="sorting" role="columnheader" tabindex="0" aria-controls="sample-table-2" rowspan="1" colspan="1" aria-label="Update: activate to sort column ascending">
            登录帐号
          </th>

          <th class="sorting" role="columnheader" tabindex="0" aria-controls="sample-table-2" rowspan="1" colspan="1" aria-label="Update: activate to sort column ascending">
            登录密码
          </th>

          <th class="sorting" role="columnheader" tabindex="0" aria-controls="sample-table-2" rowspan="1" colspan="1" aria-label="Update: activate to sort column ascending">
            真实姓名
          </th>

          <th class="sorting" role="columnheader" tabindex="0" aria-controls="sample-table-2" rowspan="1" colspan="1" aria-label="Update: activate to sort column ascending">
            联系方式
          </th>

          <th class="sorting" role="columnheader" tabindex="0" aria-controls="sample-table-2" rowspan="1" colspan="1" aria-label="Update: activate to sort column ascending">
            职位
          </th>

          <th class="sorting" role="columnheader" tabindex="0" aria-controls="sample-table-2" rowspan="1" colspan="1" aria-label="Update: activate to sort column ascending">
            状态
          </th>

          <th class="hidden-480 sorting" role="columnheader" tabindex="0" aria-controls="sample-table-2" rowspan="1" colspan="1" aria-label="Status: activate to sort column ascending">操作</th>
        </tr>
        </thead>

        <tbody role="alert" aria-live="polite" aria-relevant="all">
        <tr class="odd">
          <td class="center sorting_1">
            <label class="position-relative">
              <input type="checkbox" class="ace">
              <span class="lbl"></span>
            </label>
          </td>
          <td class="">??</td>
          <td class="">??</td>
          <td class="">??</td>
          <td class="">??</td>
          <td class="">??</td>
          <td class="">??</td>
          <td class="">??</td>
          <td class="">??</td>
          <td class="">??</td>
          <td class="">
            <div class="hidden-sm hidden-xs action-buttons">
              <a class="blue" href="#">
                <i class="ace-icon fa fa-info-circle bigger-150"></i>
              </a>
              <a class="red" href="#">
                <i class="ace-icon fa fa-plus bigger-150"></i>
              </a>
              <a class="green" href="#">
                <i class="ace-icon fa fa-pencil bigger-150"></i>
              </a>
              <a class="red" href="#">
                <i class="ace-icon fa fa-trash-o bigger-150"></i>
              </a>
              <a class="orange" href="#">
                <i class="ace-icon fa fa-star bigger-150"></i>
              </a>
            </div>
          </td>
        </tr>
        </tbody>
      </table>

      <div class="row">
        <div class="col-xs-12">
          <div class="dataTables_paginate paging_bootstrap">
            <ul class="pagination">
              <li class="prev disabled">
                <a href="#">
                  <i class="fa fa-angle-double-left"></i>
                </a>
              </li>

              <li class="prev disabled">
                <a href="#">
                  <i class="fa fa-angle-left"></i>
                </a>
              </li>

              <li class="active">
                <a href="#">1</a>
              </li>

              <li>
                <a href="#">2</a>
              </li>

              <li>
                <a href="#">3</a>
              </li>

              <li class="next">
                <a href="#">
                  <i class="fa fa-angle-right"></i>
                </a>
              </li>

              <li class="next">
                <a href="#">
                  <i class="fa fa-angle-double-right"></i>
                </a>
              </li>
            </ul>
          </div>
        </div>
      </div>
    </div> <!-- sample-table -->

  </div> <!-- main-container -->
  </div>
</body>

</html>
